﻿body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{color:#333; font-size:12px;font-family:"Microsoft YaHei";background: #fcd403;background-size: 100% 100%}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
input{ font-size:12px;}
a{ text-decoration:none; color:#000;}
a:hover{color:#c00; text-decoration:none;}
.clear{clear:both;}
.main{position: relative;
    width: 100%;
    height: 100%;
    max-width: 640px;
    min-width: 320px;
    margin: auto;}
/* 大转盘样式 */
.banner{display:block;width:85%;margin-left:auto;margin-right:auto;margin-bottom: 20px;;margin-top: 20px;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}

.gameNoBox,.gameLost,.gameWin,.nolottery,.yeslottery,.shareSuccess{
	position:absolute;
	top:20%;
	width:100%;
	z-index:999;
	display:none;
}

.gameLost,.gameWin,.nolottery,.yeslottery,.shareSuccess{
	-webkit-transition:  all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	display:block;
	top:5%;
	position: fixed;
}


::-webkit-input-placeholder { color:#a1a1a1; line-height:32px;}
.infoBox input{
	height:32px;
	line-height:32px;
	width:80%;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.2) inset;
	padding:0 5px;
	border-radius:8px;
	border:1px #a1a1a1 solid;
}

 

.infoBoxCon{
	border-radius:8px;
	position:relative;
	padding:34px 10px 10px;
	text-align:left;
	color:#001e4f;
}
.infoBox input{
	height:38px;
	line-height:38px;
	width:80%;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.2) inset;
	padding:0 5px;
	border-radius:8px;
	border:1px #a1a1a1 solid;
}

.infoBox{
	text-align: center;
	width:80%;
	margin:auto 8%;
	padding:2%;
	border:2px #bd3403 solid;
	background:#FFF4D6;
	background:-webkit-gradient(linear,0 0,0 100%,from(#fdea6d),to(#f5ba36));
	background:-moz-linear-gradient(top,#fdea6d,#f5ba36);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	border-radius:15px;
	
}

.infoBox,.infoBox a{
	color:#df540e;
}

.infoBox h1{
	font-size:1.6em;
	margin:5px auto;
	padding:0;
}

.infoBox p{
	padding:0;
	margin:5px 0;
	font-size: 1.2em;
}

.infoBox .infoBtn{
	margin:auto;
	border:2px #bd3403 solid;
	background:#fad544;
	background:-webkit-gradient(linear,0 0,0 100%,from(#f9b317),to(#fdea6d));
	background:-moz-linear-gradient(top,#f9b317,#fdea6d);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	border-radius:8px;
	padding:0 16px;
	font-size:1.6em;
	font-weight:bold;
	display:inline-block;
}

.infoBox h5{
	background:url(images/infoTicon.png) no-repeat;
	height:28px;
	line-height:28px;
	padding-left:32px;
	font-weight:1.2em;
	margin:10px auto;
}

.infoFColorB{
	color:#000;
}

.title{
	width:122px;
	height:30px;
	line-height:30px;
	padding-left:35px;
	text-align:left;
	color:#001e4f;
	font-size:1.2em;
	position:absolute;
	font-weight: bold;
	top:0;
	left:0;
}

.title{
	background:url(images/infoTicon.png) no-repeat;
	
}
.h5{height:8px;}
.h10{height:10px;}
.h20{height:20px;}
.f12{font-size:1.2em}
.f08{font-size:0.8em}
.f12{font-size:1.2em}
.f14{font-size:1.4em;}
.f16{font-size:1.6em;}
.f24{font-size:2em;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.aleft{text-align:left;}
.aright{text-align:right;}
.acenter{text-align:center;}